<!--
 * @Author: gaojinyu 1593026814@qq.com
 * @Date: 2023-12-19 16:13:07
 * @LastEditors: gaojinyu 1593026814@qq.com
 * @LastEditTime: 2023-12-20 10:03:55
 * @FilePath: \smart-community\src\components\rightLayout1\index.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<template>
  <div class="right_content">
    <div class="row1">
      <component :is="ThreeZero"></component>
    </div>
    <div class="row2">
      <component :is="PopulationSituation"></component>
    </div>
  </div>
</template>

<script setup>
import ThreeZero from "@/components/BussComponents/ThreeZero.vue"
import PopulationSituation from "@/components/BussComponents/PopulationSituation.vue"
</script>

<style lang="scss" scoped>
.right_content {
  @include display(space-between, center, column);
  width: 100%;
  height: 100%;
  & > div {
      height: 0;
      width: 100%;
    }
    .row1 {
      flex-grow: 746;
    }
    .row2 {
      flex-grow: 645;
    }
    
}
</style>
